﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em Microsoft YaHei,Arial,"宋体";}
body{ margin:0px; font-family: "微软雅黑"; padding:0px; margin:0px auto; overflow-x: hidden; font-size:1.2em; color:#4E4E4E; width:100%;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
li{ list-style:none;}
h2,h4,h3,p{margin: 0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#4E4E4E;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; font-family:Microsoft YaHei,Arial,"宋体";/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#333;}
.clear{ clear:both; height:0px; overflow:hidden;}
@font-face {
    font-family: "DIN-BOLD";
    src: url("../fonts/DIN-BOLD.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.MainContent{
    width: 100%;

}
.Content{
    margin-bottom: 100px;
    overflow: hidden;
    width: 100%;
}
.w1400{
    width: 1400px; 
    margin: 0 auto; 
    height: 100%;
}


input::-webkit-input-placeholder {
    color: #999;
}

.n20{
    margin-bottom: 0 !important;
}

.m50{
    position: relative;
    padding-top: 50px;
}

.m70{
    margin-top: 70px;
}

/*面包屑导航*/
.Current{
   font-size: 14px;
   color: #666;
   clear: both;  
   padding: 20px 0;
}
.Current a{
   font-size: 14px;
   color: #666 
}

.Currentent{
    position: absolute;
    top:0;
    width: 1400px;
    margin:0 auto;
    left:0;
    right: 0;
}
.customer_banner{
    position: relative;
    margin-bottom:0 !important;
}
/*面包屑导航*/







/*city*/
.logo{
    width: 225px;
    height: 103px;
    float: left;
    display: inline-block;
   
    padding-right: 24px;
}

.cityselect {
    height: 36px;
    line-height: 36px;
    border-radius: 25px;
    float: left;
    background: #ededed;
    margin-top: 25px;
    position: relative;
}

.thRelative .adress{
    background: url(../images1/ic_address.png) no-repeat center center; 
    width: 20px;
    height: 25px;
    float: left;
    position: relative;
    top: 5px;
    left: 10px;
}
.boxSearch {
    position: relative; 
    cursor: pointer; 
    float: right; 
    line-height: 36px; 
    height: 36px;
}
.boxSearchHover {
    z-index: 999;
}
.boxSearch .key_word, .boxSearchHover .key_word {
    float: right;
    position: relative;
    right: 10px;    
}
.boxSearch .key_word  b{ 
    color: #666; 
    font-size: 16px; 
    font-weight: normal;
}
.boxSearch .btn_search{ 
    margin:7px 9px;
    float: right; 
    width: 9px;
    height: 7px;
    line-height: 7px;
    color: #e31a44;
}




.search_form_suggest {position: absolute;
    top: 46px;
    left: 0;
    z-index: 998;
    width: 260px;
    padding:20px;
    background: rgba(0,0,0,0.7);
}
.search_hotList td {
    line-height: 25px;
    padding-bottom: 2px;
}
.search_hotList td a {
    margin-right: 6px;
    margin-top: 5px; 
    font-size: 12px; 
    word-break: break-all;
    white-space: nowrap;
    text-align: left;
    color:#fff; 
}
.search_hotList td a.cur {
    color:#e31a44;
}

.clr_after h2{
    font-size:14px;
     margin: 0; 
     height:40px;
     line-height:40px;
     font-weight:normal;
     color:#fff;
 }
/*city*/



/*搜索*/
.m-search-box { 
    margin: 35px 0 0 160px; 
    float: left;
    width: 620px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #000;
    position: relative;
}
.m-search-in { 
    background: #fff; 
    height: 40px; 
}
.m-search-box>a.right { 
    display: block; 
    font-size: 1.5rem; 
    color: #fff; 
    position: absolute; 
    right: 0; 
    top: 0; 
}
.m-search-type { 
    display: inline-block; 
    float: left; 
    padding: 0 10px 0 14px; 
}
.m-search-type>a { 
    display: block; 
    padding-right: 22px; 
    max-width: 48px; 
    max-width: 5.8rem; 
    font-size: 14px; 
    color: #1a1a1a; 
    position: relative; 
    left: 0; 
    top: 0; 
    overflow: hidden; 
}
.m-search-type>a>.siteCommon { 
    width: 14px; 
    height: 8px; 
    background:url('../images1/down.png') no-repeat center center;  
    position: absolute; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
}
.m-search-input { 
    float: left; 
    width: calc( 100% - 196px ); 
    width: -webkit-calc( 100% - 196px ); 
    height: 40px;
    line-height: 40px;
}
.m-search-input>input { 
    border: 0 none; 
    outline: none; 
    background: none;
    width: 100%; 
    height: 40px;
    font-size: 14px; 
    color: #666; 
}

.u-cancel{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #000;
    font-size: 18px;
    color: #fff;
    position: absolute;
    right: 0;
    top:0;
    text-align: center;
}

.u-cancel:hover{
   color: #fff; 
}

.m-select-type { 
    display: none; 
    position: absolute; 
    left: 0; 
    top: 45px; 
    z-index: 99;
}
.m-select-type-box { 
    width: 100px; 
    background: #000;
}
.m-tit-select .m-select-type-box { 
    padding: 0 15px; 
    width: 73px; 
}
.u-select-type-item { 
    display: block; 
    width: 100%; 
    height: 45px; 
    line-height: 45px; 
    color: #fff; 
    font-size: 14px; 
    text-align: center; 
    cursor: pointer;
}

.u-select-type-item:hover{
    color: #fff;
}

.m-tit-select .u-select-type-item { 
    height: 40px; 
    line-height: 40px; 
}
/*搜索*/


/*联系方式*/
.phone_content{
    float: right;
    padding-top: 32px;
}

.phone_content:before{
  display: inline-block;
  content: '';
  width: 40px;
  height: 40px;
  background:url('../images1/ic_phone_top.png') no-repeat center center;  
  vertical-align: middle;
}

.phone_content .tel_t{
  float: right;
  line-height: 19px;
  padding-left: 10px;
  text-align: center;
}

.phone_content span{
    display: block;
    font-size: 14px;
    color: #333;
}

.phone_content label{
    font-size: 24px;
    color: #e31a44;
    font-family: "DIN-BOLD";
}

/*联系方式*/



/*导航*/
.top_box{
    height: 103px;
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #fff;    
}
.Toper{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #000;
    position: fixed;
    margin-top: 96px;
    z-index: 98;
}

.MainNav ul li{
    float: left;
    padding:0 50px;
    position: relative;
}

.MainNav ul li.active a,.MainNav ul li:hover a{
    color: #fff;
}


.MainNav ul li.active a:before,.MainNav ul li:hover a:before{
    display: inline-block;
    content: '';
    border-bottom: 1px solid #fff;
    width: 22px;
    height: 4px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.MainNav ul li a{
    font-size: 18px;
    color: #999;
}




.MainNav ul li dl{position:absolute; left:0px; top:60px; z-index:99999; background:#000000; display:none; /*width:100px;*/}
.MainNav ul li:hover dl{ position:absolute; left:0px; top:60px; z-index:99999; background:#000000; display:block;}
.MainNav ul li dl dt a{
	min-width: 165px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    height: 45px;
    line-height: 45px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 100;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #fff;
	}
.MainNav ul li dl dt a:hover{background:#de001c; color:#fff !important; line-height:45px !important; font-size:14px !important; font-weight:100;border-bottom:1px solid #fff;/* width:100px*/}
.MainNav .nav_on{color: #fff; font-size:16px; }

.MainNav .nav01 {position: fixed;top: 0;left: 0;width: 100%;min-width: 1200px; z-index:999; background:#000000}



/*导航*/



/*分页*/
.pages{
    text-align:center; 
    margin:20px auto 100px; 
    clear: both;
}
.pages a{
    display:inline-block; 
    width: 40px; 
    font-size:14px; 
    border:1px solid #000; 
    color:#000; 
    height:40px; 
    line-height: 40px; 
    margin:0 5px;
}


.pages a:hover{ 
    background:#000; 
    color:#fff;
}
.pages a.a_cur{ 
    background:#000; 
    color:#fff;
}
/*分页*/



/*首页*/
.swiper-container{
    width: 100%;
        position: fixed;
	 
}

.swiper-slide img{
    width: 100%;
    height: 100%;
}

.index_tip {
    padding-bottom: 50px;
}

.index_tip h4.index_tit{
    margin-bottom: 0;
}

.index_tip p{
    text-align: center;
    padding-top: 5px;
}


.home_1{
    width: 100%;
    height: 556px;
    background: url(../images1/home_1_bg.jpg) no-repeat;
    background-attachment:fixed;
}


.home_1 .home1_tit h4{
    text-align: center;
    font-size: 44px;
    color: #333;
    font-weight: normal;
    padding: 100px 0 20px;
}

.home_1 .home1_tit p{
    text-align: center;
    font-size: 16px;
    color: #666;
    padding-bottom: 50px;
}


.hi-icon {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #666;
    border:2px solid #000;
    margin-right: 130px;
}

.hi-icon:last-child{
    margin-right:0;
}


.hi-icon i.common{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;  
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;      
}


.hi-icon:hover i.common{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.hi-icon i.qasj_icon{
    width: 45px;
    height: 39px;
    background: url('../images1/m_1.png') no-repeat center center;
}

.hi-icon:hover i.qasj_icon{
    background: url('../images1/m_1_1.png') no-repeat center center;
}


.hi-icon i.qatg_icon{
    width: 59px;
    height: 39px;
    background: url('../images1/m_2.png') no-repeat center center;
}

.hi-icon:hover i.qatg_icon{
    background: url('../images1/m_2_2.png') no-repeat center center;
}


.hi-icon i.jkcl_icon{
    width: 46px;
    height: 40px;
    background: url('../images1/m_3.png') no-repeat center center;
}

.hi-icon:hover i.jkcl_icon{
    background: url('../images1/m_3_3.png') no-repeat center center;
}

.hi-icon i.djgy_icon{
    width: 40px;
    height: 39px;
    background: url('../images1/m_4.png') no-repeat center center;
}


.hi-icon:hover i.djgy_icon{
    background: url('../images1/m_4_4.png') no-repeat center center;
}

.hi-icon i.fxgc_icon{
    width: 50px;
    height: 43px;
    background: url('../images1/m_5.png') no-repeat center center;
}


.hi-icon:hover i.fxgc_icon{
    background: url('../images1/m_5_5.png') no-repeat center center;
}

.hi-icon i.zswh_icon{
    width: 42px;
    height: 43px;
    background: url('../images1/m_6.png') no-repeat center center;
}


.hi-icon:hover i.zswh_icon{
    background: url('../images1/m_6_6.png') no-repeat center center;
}



.hi-icon span{
   display: block;
   position: absolute;
   bottom: -42px;
   left: 0;
   right: 0;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.hi-icon-effect-1 .hi-icon{
    background:#fff;
    -webkit-transition:background .2s,color .2s;
    -moz-transition:background .2s,color .2s;
    transition:background .2s,color .2s
}
.hi-icon-effect-1 .hi-icon:after{
    top:-4px;
    left:-4px;
    padding:4px;
    box-shadow:0 0 0 2px #e31a44;
    -webkit-transition:-webkit-transform .2s,opacity .2s;
    -webkit-transform:scale(.9);
    -moz-transition:-moz-transform .2s,opacity .2s;
    -moz-transform:scale(.9);-ms-transform:scale(.9);
    transition:transform .2s,opacity .2s;
    transform:scale(.9);
    opacity:0
}
.hi-icon-effect-1a .hi-icon:hover{
    background:#e31a44;
    color:#e31a44;
}
.hi-icon-effect-1a .hi-icon:hover:after{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}

.hi-icon-effect-1a .hi-icon:hover{
 border:2px solid #e31a44;
}


.case_box{
    margin-top: -85px;
}


.home_case .rightcon{
    width: 100%;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.home_case table tr td.pic a{
	  width:30%; float:left;
	height:320px;
	margin-left:1%;
    display: block;
    position: relative;
    overflow: hidden;
}

.home_case table tr td.pic a span{
    position: absolute;
    bottom: -58px;
    left:20px;
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    font-size: 18px;
    color: #fff;
}

.home_case table tr td.pic a img{
  
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.home_case table tr td.pic a:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}


.mui-btn{
    text-align: center;
    margin: 60px 0 100px;
}

.mui-btn a{
    display: inline-block;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    margin:0 20px;
}

.mui-btn a.zxzxfa{
    font-size: 18px;
    color: #fff;
    background: #e31a44;
}

.mui-btn a.more_case{
    font-size: 18px;
    color: #000;
    border:1px solid #000;
    margin-left: 55px;
}

.home_design{
    width: 100%;
    margin:0 auto;
}

.swiper-container-design .swiper-slide{
    float: left;
    width: 280px;
}

.swiper-container-design .swiper-slide img{
    width: 100%;
    height: 320px;
}
.swiper-container-design .swiper-slide .img{
    position: relative;
    z-index: 1;
}

.swiper-container-design .swiper-slide .img a{
    display: block;
}

.swiper-container-design .swiper-slide .img a.yy{
    position: absolute;
    bottom:30px;
    left: 0;
    right: 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #e31a44;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin:auto;
    display: none;
}


.mui-btn .more_design{
    width: 260px;
    height: 48px;
    line-height: 48px;
    background: #000;
    font-size: 16px;
    color: #fff;
}

.swiper-container-design .design_cont h4{
    padding: 15px 0 0;
}

.swiper-container-design .design_cont h4 span{
    display: inline-block;
    font-size: 20px;
    color: #000;
    font-weight: normal;   
    float: left; 
    margin-right: 10px;
}

.swiper-container-design .design_cont h4 label{
    font-size: 14px;
    color: rgba(0,0,0,0.7);    
}

.swiper-container-design .design_cont p span{
    display: inline-block;
    color: #999;
    font-size: 14px;
}

.swiper-container-design .design_cont p span.t1{
    margin-right: 30px;
}

.swiper-container-design .design_cont p  b{
    font-size: 14px;
    color: #e31a44;
    display: inline-block;
    padding-left: 5px;    
}


.home_3{
    width: 100%;
    height: 240px;
    background: url('../images1/home3_bg.jpg') no-repeat;
}

.home_3 ul {
    text-align: center;
}

.home_3 ul li{
    width: 290px;
    height: 96px;
    display: inline-block;
    position: relative;
    top: 85px;
    line-height: 46px;
    text-align: center;
}

.home_3 ul li:after{
    display: inline-block;
    content: '';
    border-right: 2px solid rgba(255,255,255,0.2);
    height: 60px;
    position: absolute;
    right: 0;
    top:14px;
}

.home_3 ul li:last-child:after{
    border-right: none;
}    

.home_3 ul li h4{
    font-size: 80px;
    color: #fff;
    font-family: "DIN-BOLD";
    display: inline-block;
    text-align: center;
}

.home_3 ul li h4 label{
    position: relative;
    float: left;
}

.home_3 ul li h4 i{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    width: 14px;
    line-height: 16px;
    float: left;
}

.home_3 ul li h4 i.add{
    font-size: 48px;
    color: #fff;
    font-family: "DIN-BOLD";
    font-weight: normal;
}

.home_3 ul li p{
    clear: both;
    font-size: 16px;
    color: #fff;
}




.m100{
    padding-top: 100px;
}

.construction_tit p b{
    font-size: 20px;
    color: #000;
    font-family: "DIN-BOLD";
}


.construction_tit p font{
    font-size: 20px;
    color: #e31a44;
    font-family: "DIN-BOLD";
}

.home_construction table tr td a{
    display: block;
    position: relative;
    overflow: hidden;
}



.home_construction table tr td a img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.home_construction table tr td a:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}


.home_construction table tr td a i{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.8);
}

.home_construction table tr td a .cont{
    position: absolute;
    top:30px;
    left: 30px;
    z-index: 99;
}

.home_construction table tr td a .cont span{
    font-size: 20px;
    color: #000;
    display: block;
    padding-bottom: 15px;
}

.home_construction table tr td a .black span{
    color: #fff;
}



.home_construction table tr td a .cont  label{
    font-size: 48px;
    font-family: "DIN-BOLD";
    color: #e31a44;
}

.home_construction table tr td a .black label{
    color: #fff;
}


.home_construction table tr td a .cont font{
    font-size: 20px;
    color: #000;
    padding-left: 5px;
}

.home_construction table tr td a .black font{
    color: #fff;
}

.home_construction table tr td  span.see_more{
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    margin: auto;
    text-align: center;
    display: block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    background: #000;
    font-size: 16px;
    color: #fff;
}

#mapbox{
    margin-top: 80px;
    position: relative;
}

.map_form{
    position: absolute;
    width: 420px;
    height: 560px;
    top:30px;
    right: 30px;
    background: #fff;
    box-shadow: 0 1px 18px rgba(0,0,0,0.2);
}

.map_form .zjgd_cont {
    text-align: center;
    padding-top: 38px;
}

.map_form .zjgd_cont span{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 0 55px;
}

.map_form .zjgd_cont span i{
    font-size: 48px;
    color: #e31a44;
    font-family: "DIN-BOLD";
    display: block;
    font-style: normal;
    margin-bottom: 5px;
}
.map_form  h4.h4 {
    text-align: center;
    padding: 40px 0 30px;
}
.map_form  h4.h4 span{
    text-align: center;
    font-size: 32px;
    color: #000;   
}

.map_form  h4.h4 span label{
    color: #e31a44
}

.map_form  h4.h4 p{
    font-size: 14px;
    color: #000;   
}

.map_form ul li{
    width: 320px;
    height: 48px;
    line-height: 48px;
    margin:0 auto 20px;
}

.map_form ul li input{
    width: 300px;
    height: 48px;
    line-height: 48px;  
    border:1px solid #ccc; 
    padding-left: 20px;
    font-size: 16px;
}

.map_form ul li input:focus{
   border:1px solid #000;  
}

.formbox p.txt{
    text-align: center;
    font-size: 16px;
    color: #999;
}
.formbox p.txt font{
    color: #e31a44;
}
.formbox p.txt b{
    font-weight: normal;
    color: #e31a44;
    text-decoration: underline; 
}

.formbox p.button{
    width: 300px;
    height: 48px;
    line-height: 48px;  
    background: #e31a44;    
    text-align: center;
    margin:20px auto 0;
}

.formbox p.button a{
    font-size: 20px;
    color: #fff;
}

.home_building{
    overflow: hidden;
    margin-bottom: 100px;
}


.home_building ul li{
    width: 420px;
    margin-right: 70px;
    margin-bottom: 60px;
    float: left;
}

.home_building ul li .img{
    position: relative;
    overflow: hidden;
    width: 100%;
	
}


.home_building ul li .img img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    width: 100%;
}


.home_building ul li:hover .img img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}


.home_building ul li .cont h4{
    font-size: 16px;
    color: #333;
    padding-top: 20px;
	overflow:hidden;
}

.home_building ul li .cont p span{
    font-size: 14px;
    color: #999;
}
.home_building ul li .cont p label.ybm{
    padding-right: 68px;
    display: inline-block;
}

.home_building ul li .cont p label{
    color: #e31a44;
    font-size: 14px;
    padding-left: 5px;
}

.home_building ul li  a.view_area{
    position: absolute;
    width: 165px;
    height: 44px;
    line-height: 44px;
    background: #e31a44;
    font-size: 16px;
    color: #fff;
    text-align: center;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    margin:auto;
    display: none;
}




.hi-icon i.n1_icon{
    width: 26px;
    height: 44px;
    background: url('../images1/n_1.png') no-repeat center center;
}

.hi-icon:hover i.n1_icon{
    background: url('../images1/n_1_1.png') no-repeat center center;
}


.hi-icon i.n2_icon{
    width: 48px;
    height: 38px;
    background: url('../images1/n_2.png') no-repeat center center;
}

.hi-icon:hover i.n2_icon{
    background: url('../images1/n_2_2.png') no-repeat center center;
}




.hi-icon i.n3_icon{
    width: 52px;
    height: 30px;
    background: url('../images1/n_3.png') no-repeat center center;
}

.hi-icon:hover i.n3_icon{
    background: url('../images1/n_3_3.png') no-repeat center center;
}


.hi-icon i.n4_icon{
    width: 40px;
    height: 34px;
    background: url('../images1/n_4.png') no-repeat center center;
}

.hi-icon:hover i.n4_icon{
    background: url('../images1/n_4_4.png') no-repeat center center;
}


.hi-icon i.n5_icon{
    width: 41px;
    height: 39px;
    background: url('../images1/n_5.png') no-repeat center center;
}

.hi-icon:hover i.n5_icon{
    background: url('../images1/n_5_5.png') no-repeat center center;
}


.hi-icon i.n6_icon{
    width: 49px;
    height: 37px;
    background: url('../images1/n_6.png') no-repeat center center;
}

.hi-icon:hover i.n6_icon{
    background: url('../images1/n_6_6.png') no-repeat center center;
}






.home_2 {
    width: 100%;
    height: 568px;
    background: url(../images1/home_2_bg.jpg) no-repeat;
}

.home_2 .hi-icon span{
    bottom: -58px; 
    line-height: 22px;
}

.kh_pj{
    width: 100%;
    height: 300px;
    text-align: center;  
}

.kh_pj h4{
    text-align: center;
    font-size: 36px;
    color: #333;
    font-weight: normal;
    padding-top: 80px;
}
.kh_pj h4 span{
    font-size: 60px;
    color: #e31a44;
    vertical-align: middle;
    padding-right: 10px;
}
.kh_pj  p{
    text-align: center;
    font-size: 20px;
    color: #000;  
    padding: 20px 0 50px;  
}

.kh_pj  a.khpj_more{
    width: 260px;
    height: 48px;
    line-height: 48px;
    background: #e31a44;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    margin:0 auto;
    text-align: center;
}

.kh_pj  a.khpj_more:after{
    display: inline-block;
    content: '';
    width: 26px;
    height: 16px;
    background: url(../images1/more.png) no-repeat right center;
    margin-left: 20px;
}

.butler_service {
    overflow: hidden;
}

.butler_service ul li{
    width: 653px;
    float: left;
    margin-right:94px; 
    position: relative;
    overflow: hidden;
}

.butler_service ul li img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}


.butler_service ul li:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}


.butler_service ul li .service_img{
    position: absolute;
    top:50px;
    left: 0;
    right: 0;
    text-align: center;
}
.butler_service ul li .service_img h4{
    color: #e31a44;
    font-size: 30px;
    font-weight: normal;
}
.butler_service ul li .service_img  span{
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding-top: 10px;
}








.hi-icon i.zxyy_icon{
    width: 44px;
    height: 39px;
    background: url('../images1/s_1.png') no-repeat center center;
}

.hi-icon:hover i.zxyy_icon{
    background: url('../images1/s_1_1.png') no-repeat center center;
}


.hi-icon i.smsk_icon{
    width: 50px;
    height: 44px;
    background: url('../images1/s_2.png') no-repeat center center;
}

.hi-icon:hover i.smsk_icon{
    background: url('../images1/s_2_2.png') no-repeat center center;
}



.hi-icon i.ldqt_icon{
    width: 38px;
    height: 38px;
    background: url('../images1/s_3.png') no-repeat center center;
}

.hi-icon:hover i.ldqt_icon{
    background: url('../images1/s_3_3.png') no-repeat center center;
}



.hi-icon i.yxdj_icon{
    width: 42px;
    height: 33px;
    background: url('../images1/s_4.png') no-repeat center center;
}

.hi-icon:hover i.yxdj_icon{
    background: url('../images1/s_4_4.png') no-repeat center center;
}


.hi-icon i.fagh_icon{
    width: 40px;
    height: 40px;
    background: url('../images1/s_5.png') no-repeat center center;
}

.hi-icon:hover i.fagh_icon{
    background: url('../images1/s_5_5.png') no-repeat center center;
}


.hi-icon i.yykg_icon{
    width: 38px;
    height: 40px;
    background: url('../images1/s_6.png') no-repeat center center;
}

.hi-icon:hover i.yykg_icon{
    background: url('../images1/s_6_6.png') no-repeat center center;
}


.home_4{
    background: none;
    overflow: hidden;
    height: inherit;
}
.home_4 h4{
    font-size: 18px !important;
    color: #000 !important;
    padding: 100px 0 35px !important;
}

.home_new .tab ul {
    text-align: center;
    margin-bottom: 50px;
}

.home_new .tab ul li{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #666;
    padding: 0 10px;
    position: relative;
    margin:0 20px;
    cursor: pointer;
    
}

.home_new .tab ul li i{
   display: inline-block;
   border-right: 1px solid #ccc; 
   width: 1px;
   height: 20px;
   position: absolute;
   left: 102px;
   top: 5px;
}

.home_new .tab ul li span {
    position: relative;
    z-index: 99;
    display: inline-block;
    text-align: center;
}

.home_new .tab ul li.active:after,.home_new .tab ul li:hover:after  {
    display: inline-block;
    content: '';
    height: 10px;
    width: 100%;
    background: #e31a44;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
}

.home_new .tab ul li.active,.home_new .tab ul li:hover{
    color: #000;
}


.home_new .conlist{
    clear: both;
    height: 400px;
    width: 100%;
    overflow: hidden;
}

.home_new .conlist .box{
    height: 100%;
}

.home_new .conlist .new_L{
    float: left;
    position: relative;
}

.home_new .conlist .new_L a{
    display: block;
}

.home_new .conlist .new_L img{
    width: 600px;
    height: 400px;
}

.home_new .conlist .new_L span{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.6);
    font-size: 16px;
    color: #fff;
    bottom: 0;
    left: 0;
    text-indent: 20px;
}

.new_R {
    width: 730px;
    float: right;
    padding-top: 5px;
}

.new_R ul li{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.new_R ul li a{
    display: block;
}

.new_R ul li:last-child{
    margin-bottom: 0;
}

.new_R .time{
    width: 52px;
    height: 52px;
    background: #e31a44;
    text-align: center;
    float: left;
}
.new_R .time span{
    width: 100%;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-family: "DIN-BOLD";
    border-bottom: 1px solid #fff;
}

.new_R .time label{
    font-size: 14px;
    color: #fff; 
    display: block;
    height: 20px;
    line-height: 20px;   
}

.new_R .cont{
    float: left;
    margin-left: 20px;
    width: 80%;
}

.new_R .cont h4{
    font-size: 16px;
    color: #000;    
}
.new_R .cont p{
    font-size: 14px;
    color: #999;;    
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;          
}


.home_type {
    padding: 100px 0;
    overflow: hidden;
}

.home_type ul li{
    width: 420px;
    float: left;
    margin-right: 70px;
    position: relative;
}

.home_type ul li .type_cont{
    position: absolute;
    top:50px;
    left: 30px;
}

.home_type ul li .type_cont h4{
    color: #000;
    font-size: 44px;
    font-weight: normal;
}

.home_type ul li.white .type_cont h4{
    color: #fff;
}

.home_type ul li .type_cont  p{
    font-size: 16px;
    color: #666;
    line-height: 20px;
    padding-top: 45px;
}

.home_type ul li a.dzzs_btn{
    width: 340px;
    height: 48px;
    line-height: 48px;
    background: #000;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin:auto;
}

.home_type ul li.white a.dzzs_btn{
    background: #fff;
    color: #000;
}

.home_design,.home_case{
   position: relative;
}

.swiper-father{
   overflow: hidden;
   height: 100%;
}


.swiper-button-next, .swiper-button-prev{
    width: 60px !important;
    height: 60px !important;
}

.swiper-button-prev{
    left: -30px !important;
    top: 0;
    bottom: 0; 
    background: url('../images1/prev.png');  
}

.swiper-button-next{
    right: -30px !important;
    top: 0;
    bottom: 0;     
    background: url('../images1/next.png');  
}

.swiper-father .swiper-button-next,.swiper-father .swiper-button-prev{
    bottom: 28%;
    z-index: 99;
}

.home_case .swiper-father .swiper-button-next,.home_case .swiper-father .swiper-button-prev{
    bottom: 11%;
    z-index: 99;
}
/*首页*/



/*案例列表*/
.graybg{
 border:1px solid #ebebeb;
 padding:20px;
}

.graybg .choice {
    height: 30px;
    margin-bottom: 20px;
}

.graybg .choice li {
    float: left;
}
.graybg .choice li a {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-right: 25px;
}

.graybg .choice li a.seleced, .graybg .choice li a:hover {
    color: #fff;
    background: #000;
}

.screen{
     border:1px solid #ebebeb;
     padding:20px;  
     margin-top: 10px;
     overflow: hidden;  
}

.screen .screen_list {
    float: left; 
}
.screen .screen_list a{
    display: inline-block; 
    float: left; 
    width: 60px; 
    font-size: 14px; 
    color: #333; 
    height: 30px; 
    line-height: 30px;
    border:1px solid #000;  
    position: relative;
    margin-right: 10px;
    padding-left: 10px;
}

.screen .screen_list a:after{
    width: 8px;
    height: 12px;
    display: inline-block;
    content: '';
    background: url('../images1/i_1_on.png') no-repeat center;
    position: absolute;
    right: 10px;
    top:10px;
}
.screen .screen_list a.active,.screen .screen_list a:hover{
    background: #000; 
    color: #fff;
    border:1px solid #000;  
}

.screen .screen_list a.active:after,.screen .screen_list a:hover:after{
   background: url('../images1/i_1.png') no-repeat center; 
}

.screen .case_search {
    float: right; 
    width: 300px;
    height: 30px;
    line-height: 30px;
    border:1px solid #000;
}
.screen .case_search input{
    width: 240px;
    height: 30px; 
    text-indent: 20px; 
    font-size: 14px; 
    float: left; 
    color: #333;
}
.screen .case_search span.search_btn{
    display:inline-block;
    font-size: 14px; 
    cursor: pointer; 
    float: right; 
    color: #fff; 
    text-align: center; 
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: #000;
}

.case_list{
    padding-top: 30px;
    width: 100%;
    overflow: hidden;
}

.case_list ul li{
    width: 419px;
    margin-bottom: 68px;
    margin-right: 70px;
    float: left;
    overflow: hidden;
}

.case_list ul li a{
    display: block;
}



.case_list ul li img{
    width:100%;
    overflow: hidden;     
}

.case_list ul li .case_cont {
    padding-top: 20px;
    overflow: hidden;
    height: 137px;
}

.case_list ul li .case_cont .img{
    float:left;

    min-height:60px;
    position:relative;
}
.case_list ul li .case_cont .img img{
    float:left;

    min-height:60px;
    position:relative;  
}
.case_list ul li .case_cont .case_tit{
    float: left;
    padding-top: 6px;
    width: 75%;
}

.case_list ul li .case_cont .case_tit h4{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin:0;
    padding-left: 10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;     
    width: 100%;
}


.case_list ul li .case_cont .case_tit p span{
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding:0 10px;
}

.case_list ul li .case_cont p.brief{
    clear: both;
    font-size: 14px;
    color: #999;
    width: 100%;
    padding-top: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
   /* text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;   */     
}

h4.w90{
    padding-top: 90px;
}

h4.title{
    text-align: center;
    font-weight: normal;
    margin-bottom: 40px;
    clear: both;
}

h4.title span{
    font-size: 43px;
    color: #333;
    display: inline-block;
    padding: 0 30px;    
}

h4.title:before{
    width: 159px;
    height: 24px;
    display: inline-block;
    content: '';
    background: url('../images1/l_line.png') no-repeat left center;
}

h4.title:after{
    width: 159px;
    height: 24px;
    display: inline-block;
    content: '';
    background: url('../images1/r_line.png') no-repeat left center;
    right: 30px
}
/*案例列表*/


/*案例详细页*/
.case_info_bg{
    width: 100%;
    height: 100%;
    background: url(../images1/case_info_bg.jpg) no-repeat top right;
}
.case_info{
    width: 100%;
    padding-top: 50px;
    overflow: hidden;
}

.case_info .case_w90{
    margin-bottom: 90px;
    overflow: hidden;
}
.case_info .case_info_l{
    width: 644px;
    float: left;
}

.case_info .case_info_l h4{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    width: 430px;
}

.case_info .case_info_l  p{
    color: #999;
    font-size: 14px;
    padding-top: 2px;
}

.case_info .case_info_l  p span{
    display: inline-block;
    color: #000;
    font-size: 14px;   
    margin-right: 30px;
}

.case_info .case_info_l  .design_sm{
    padding-top: 32px;
}

.case_info .case_info_l  .design_sm label{
    color: #999;
    font-size: 14px;    
}

.case_info .case_info_l  .design_sm p{
    color: #000;
    font-size: 14px;  
    line-height: 22px;    
}

.case_info  .case_info_r{
    width: 680px;
    float: right;
}

.case_info  .case_info_r .m_designer{
    width: 140px;
    float: left;
    margin-right: 20px;
}

.case_info  .case_info_r  .designer_r{
    float: left;
    position: relative;
    top: 6px;
}

.case_info  .case_info_r  .designer_r h4.name{
    color: #000;
    font-size: 30px;  
    font-weight: normal;   
}

.case_info  .case_info_r  .designer_r span.zc{
    color: #000;
    font-size: 14px;      
}

.case_info  .case_info_r .designer-introduce{
    padding-top: 30px;
}

.case_info  .case_info_r .designer-introduce p{
    color: #000;
    font-size: 14px;  
    line-height: 22px;      
}

.case_info  .case_info_r .designer-introduce p label{
    color: #999;  
}

.case_info .designer_r .designer-btn{
    margin-top: 25px;
}

.case_info .designer_r .designer-btn a{
    display: inline-block; 
    text-align: center; 
    width: 250px;
    height: 48px; 
    line-height: 48px;
}
.case_info .designer-btn a.yy{
    background: #e31a44; 
    border:1px solid #e31a44; 
    margin-right: 8px; 
    color: #fff;
    font-size: 18px;
}
.case_info .designer-btn a{
    border:1px solid #000; 
    color: #000;
    font-size: 18px;
}

.case_info .designer_r .designer-rq{
    position: absolute;
    right: 0;
    top:0;
}

.case_info .designer_r .designer-rq span.rq{
    display: inline-block;
    font-size: 14px;
    color: #999;
    float: left;
    padding: 5px 10px 0 0;
}

.case_info .designer_r .designer-rq span.redtext{
    font-size: 40px;
    color: #000;
    font-family: "DIN-BOLD";
}

.case_common ul li .items{
    display: block;
    position: relative;
    overflow: hidden;
}

.case_common ul li img{
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;  
    width: 100%; 
}

.case_common ul li:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */  
}

.items a.yy{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 115px;
    height: 30px;
    line-height: 30px;
    background: #e31a44;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin:0 auto;
    display: none;
}

.case_common .case_cont h4{
    color: #000;
    font-size: 20px;   
    font-weight: normal;        
}

.banner img{
    margin-top: -2px;
}

/*案例详细页*/


/*别墅施工列表*/
.banner{
    margin-bottom: 30px;
}

.construction_list {
    padding-top: 30px;
    overflow: hidden;
}

.construction_list ul li{
    width: 420px;
    margin-bottom: 68px;
    margin-right: 70px;
    float: left;
}

.construction_list ul li .items{
   position: relative; 
   overflow: hidden;
}


.construction_list ul li .items img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;   
    width: 100%; 
}


.construction_list ul li:hover .items img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}

.construction_list ul li .case_cont {
    overflow: hidden;
    padding-top: 20px;
}

.construction_list ul li .case_cont h4{
    font-size: 20px;
    color: #333;
    float: left;
    font-weight: normal;      
}

.construction_list ul li .case_cont .construction_txt{
    float: right;
    font-size: 14px;
    color: #666;
}


/*别墅施工列表*/



/*别墅施工详细*/
.construction_w160{
    margin-bottom: 160px;
    height: 578px;
}
.construction_info .construction_l{
    width: 585px;
    height: 100%;
    float: left;
    position: relative;
}

.construction_l h4{
    font-size: 32px;
    color: #333;
    font-weight: normal; 
    display: inline-block;   
    position: relative;
    padding: 0 10px;
    margin-bottom: 50px;
    margin-top: 43px;
}

.construction_l .construction_p ul li{
    font-size: 20px;
    color: #999;
    margin-bottom: 30px;
}

.construction_l .construction_p ul li i.rq_icon{
    display: inline-block;
    width: 24px;
    height: 21px;
    background: url('../images1/rq_icon.png') no-repeat;
    margin-right: 20px;
    position: relative;
    top: 2px;    
}

.construction_l .construction_p ul li i.sgjd_icon{
    display: inline-block;
    width: 24px;
    height: 26px;
    background: url('../images1/sgjd_icon.png') no-repeat;
    margin-right: 20px;
    position: relative;
    top: 7px;    
}

.construction_l .construction_p ul li span{
    color: #333;
}
.construction_l h4 span{
    position: relative;
    z-index: 99;
    display: inline-block;
    text-align: center; 
}

.construction_l  p.brief{
    font-size: 16px;
    color: #333;
}

.construction_l a.btn_cggd{
    display: block;
    background: #e31a44;
    font-size: 18px;
    color: #fff;
    text-align: center;
    height: 48px;
    line-height: 48px;
    width: 180px;
    margin-top: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.construction_l h4:after{
    display: inline-block;
    content: '';
    height: 20px;
    width: 100%;
    background: #e31a44;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.construction_info .construction_r{
    width: 780px;
    height: 100%;
    float: right;
    position: relative;
    right: -60px;
}

.construction_info .construction_r:before{
    display: inline-block;
    content: '';
    width: 780px;
    height: 490px;
    background: #000;
    float:right;
}

.construction_info .construction_r .img{
    width: 780px;
    position: absolute;
    top:60px;
    right: 60px;
}

.construction_common ul li{

}

.construction_common ul li a{
    display: block;
}
/*别墅施工详细*/



/*热装楼盘列表*/
.build_list{
    padding-top: 100px;
}
.build_list ul li {
    width: 420px;
    margin-bottom: 68px;
    margin-right: 70px;
    float: left;
}

.build_list ul li .build_cont{
    width: 100%;
}

.build_list ul li .build_cont h4{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    padding: 20px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;    
}

.build_list ul li .build_cont p{
    font-size: 14px;
    color: #999;   
    line-height: 24px;
}


.build_list ul li .build_cont p span{
    font-size: 14px;
    color: #000;   
}

/*热装楼盘列表*/



/*热装楼盘详细*/


/*热装楼盘详细*/



/*设计团队列表*/
.designer_list{
    margin-top: 65px;
}
.designer_list ul li{
    height: 420px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
.designer_list ul li .d_img{
    width: 280px;
    height: 420px;
    float: left;
    margin-right: 35px;
}

.designer_list ul li .designer_cont{
    position: relative;
    float: left;
    width:73.4%;
}

.designer_list ul li .designer_cont .designer-btn{
    position: absolute;
    right: 0;
    top:0;
}

.designer_list ul li .designer_cont h4{
    font-size: 20px;
    color: #000;
    font-weight: normal;   
    padding-bottom: 22px;
    padding-top: 20px;
    overflow: hidden;
}

.designer_list ul li .designer_cont h4 label{
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.designer_list ul li .designer_cont h4 span{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #000;
    padding: 0 5px;
    font-weight: normal; 
    float: left;
}

.designer_list ul li .designer_cont p{
    clear: both;
    font-size: 14px;
    color: #999;  
    line-height: 30px;  
}

.designer_list ul li .designer_cont p span{
   color: #e31a44;
   margin-right: 30px;
   padding-left: 5px;
}

.designer_list ul li .work_list{
    padding-top: 50px;
}

.designer_list ul li .work_list ul li{
    position:  relative;
    width: 360px;
    height: 240px;
    float: left;
    margin-right: 2px;
    margin-bottom: 50px;  
}

.designer_list ul li .work_list ul li img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;  
}

.designer_list ul li .work_list ul li span{
    position: absolute;
    bottom: -40px;
    background: rgba(0,0,0,0.6);
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 90%;
    left: 0;
    right: 0;
    margin:auto;
    text-align: center;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;      
}

.designer_list ul li .work_list ul li:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}

 
.designer_list ul li .designer-btn a{
    display: inline-block;
    width: 112px;
    height: 48px;
    line-height: 48px;
    font-size:18px;
    color: #fff;
    text-align: center;
    margin-left: 18px;
}

.designer_list ul li .designer-btn a.see_info{
    background: #000
}

.designer_list ul li .designer-btn a.yyzx{
    background: #e31a44
}
/*设计团队列表*/


/*设计团队详细*/
.d_bg{
    width: 100%;
    background: url('../images1/d_bg.jpg') no-repeat;
}
.design_info .design_L .design_img{
    width: 280px;
    height: 420px;
    float: left;
    margin-right: 40px;
}

.design_info .design_top{
    overflow: hidden;
}

.design_info .design_L .design_brief h4{
    font-size: 30px;
    color: #000;
    font-weight: normal;
    padding-top: 40px;
}

.design_info .design_L .design_brief{
    width: 420px;
    height: 420px;
    float: left;
    position: relative;
}

.design_info .design_L .design_brief span{
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-top: 15px;    
}

.design_info .design_L .design_brief .sjln{
    position: absolute;
    bottom: 40px;
}
.design_info .design_L .design_brief .sjln b{
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.design_info .design_L .design_brief .sjln  p{
    font-size: 14px;
    color: #000;
}

.design_info  .design_R{
    width: 660px;
    float: right;
}

.design_info  .design_R .designer-introduce{
    float: right;
    padding: 44px 0 80px;
}

.design_info  .design_R .designer-introduce p font{
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding-right: 10px;
}

.design_info  .design_R .designer-introduce p  span{
    font-size: 16px;
    color: #000;    
}

.design_info  .design_R .designer-introduce p  span a{
    font-size: 16px;
    color: #000;  
    text-decoration: underline;   
    display: inline-block;
    padding-left: 5px; 
}

.design_info  .mui-btn{
    clear: both;
}

.design_info  .design_R .designer-introduce p{
    color: #000;
}

.design_info  .design_R  .designer-honor{
    clear: both;
    float: right;
}

.design_R  .designer-honor ul li{
    display: inline-block;
    width: 162px;
    text-align: center;   
}

.design_R  .designer-honor ul li span{
    display: block;
    font-size: 60px;
    color: #000;
    font-family: "DIN-BOLD";
}

.design_R  .designer-honor ul li  label{
    font-size: 14px;
    color: #000; 
    display: block;
    padding-top: 18px;  
}

.design_info  .design_R .mui-btn{
    margin:90px 0 0;
    float: right;
}

.design_info  .design_R .mui-btn a{
    display: inline-block;
    width: 200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-left: 18px;
}

.design_info  .design_R .mui-btn a.designer_yy{
    background:#e31a44;
}

.design_info  .design_R .mui-btn a.designer_qt{
    background:#000;
}

.m70 h4.tit{
    padding:0 40px;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 20px;
    padding-bottom: 15px;
}


.honor_content h4.ry:before{
    display: inline-block;
    content: '';
    width: 29px;
    height: 29px;
    background: url('../images1/ry_icon.png') no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.honor_txt{
    padding: 30px 40px 0;
    overflow: hidden;
}

.honor_txt .h_L{
     width: 556px;
     float: left;
}

.honor_txt .h_R{
     width: 556px;
     float: right;
}

.honor_txt>div>p{
    font-size: 14px;
    color: #000;
    line-height: 26px;
}

.work_content {
    padding: 20px 0 40px;
    background: #e6e6e6;
    overflow: hidden;
}

.work_content h4.dbzp:before{
    display: inline-block;
    content: '';
    width: 26px;
    height: 29px;
    background: url('../images1/dbzp_icon.png') no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.m70 h4.dbzp{
    padding:0 40px 15px 40px;
}

.work_content>.work_txt>div>span{
    display: inline-block;
    font-size: 15px;
    color: #000;
    padding-top: 30px;
    padding-bottom: 15px;
}

.work_content .work_txt{
    padding: 0 40px;
    overflow: hidden;
}

.work_content>.work_txt>div>span:before{
    display: inline-block;
    content: '';
    width: 10px;
    height: 12px;
    background: url('../images1/lx_icon.png') no-repeat;
    vertical-align: middle;
    margin-right: 6px;
}

.work_content .w_L{
    width: 550px;
    float: left;
}

.work_content .w_R{
    width: 550px;
    float: right;
}
.work_content>.work_txt>div>p{
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.work_show{
    overflow: hidden;
}

.work_show h4.zpzs:before{
    display: inline-block;
    content: '';
    width: 30px;
    height: 24px;
    background: url('../images1/zpzs_icon.png') no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}



.work_show h4.zpzs{
    font-size: 20px;
    padding: 0 40px;
}

.show_title{
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    overflow: hidden;
}

.show_title h4{
    float: left;
}


.work_show ul{
    margin-top: 45px;
    overflow: hidden;
    padding-left: 40px;
}

.work_show ul li .items{
    position: relative;
    overflow: hidden;
}

.work_show ul li{
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    width: 30.3%;
}

.work_show ul li img{
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s; 
    width: 100%;     
}

.work_show ul li:hover img{
    transform: scale(1.1); 
    -ms-transform: scale(1.1); /* IE 9 */
    -moz-transform: scale(1.1); /* Firefox */
    -webkit-transform: scale(1.1); /* Safari 和 Chrome */
    -o-transform: scale(1.1); /* Opera */
}

.work_show ul li h4{
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    padding-top: 20px;
	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
.work_show ul li p{
    font-size: 14px;
    color: #999;
}

.work_show ul li p span{
    color: #999;
    display: inline-block;
    padding-right: 5px;
}

.work_show ul li p label{
   color: #e31a44; 
}

.work_show ul li p label.ybm{
    display: inline-block;
    margin-right: 34px;
}


/*设计团队详细*/



/*报名*/
.sign_banner{
    position: relative;
}

.sign_banner:before{
    display: inline-block;
    content: '';
    width: 48px;
    height: 579px;
    background: url('../images1/h_l.png') no-repeat;
    position: absolute;
    top:70px;
    left: 80px;
}

.sign_banner:after{
    display: inline-block;
    content: '';
    width: 17px;
    height: 579px;
    background: url('../images1/h_r.png') no-repeat;
    position: absolute;
    top:70px;
    right: 80px;
}

.sign{
    overflow: hidden;
    clear: both;
    width: 1200px;
    height: 370px;
    background: #0f0f0f;
    position: relative;
    left: 0;
    right: 0;
    bottom: 180px;
    margin: auto;
}

.sign_tip {
    padding-top: 58px;
}

.sign_tip h4.title{
    margin-bottom:0;
}

.sign_tip h4.title span {
    font-size: 32px;
    color: #fff;
    display: inline-block;
    padding: 0 30px;
}

.sign_tip P{
    text-align: center;
    font-size: 16px;
    color: #666;
    padding-bottom: 50px;
}

.formsign ul{
    padding: 0 90px;
    overflow: hidden;
}

.formsign ul li{
    width: 320px;
    height: 45px;
    line-height: 45px;
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: 30px;
}

.formsign ul li:last-child{
    margin-right: 0;
}

.formsign ul li input{
    font-size: 16px;
    color: #999;
    padding-left: 20px;
    border:1px solid #666;
    height: 43px;
    line-height: 43px;  
    width: 300px;  
}

.formsign ul li input:focus{
    background: #fff;
    border:none;
}

.sign .yy_btn{
    width: 320px;
    height: 48px;
    line-height: 48px;
    background: #e31a44;
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
    margin:50px auto 0;
    clear: both;
}




.sign_tip h4.title:before {
    width: 159px;
    height: 24px;
    display: inline-block;
    content: '';
    background: url(../images1/l_line1.png) no-repeat left center;
}


.sign_tip h4.title:after {
    width: 159px;
    height: 24px;
    display: inline-block;
    content: '';
    background: url(../images1/r_line1.png) no-repeat left center;
    right: 30px;
}

.sign_hjal{
    position: relative;
    top: -72px;    
}
/*报名*/




/*新闻*/

.new_list{
    float: right;
    width: 1130px;
}

.new_list ul li{
    margin-bottom: 40px;
    overflow: hidden;
}

.new_list ul li img{
    float: left;
}

.new_list ul li .cont{
    float: right;
    width: 870px;
}

.new_list ul li .cont  h4{
    color: #333;
    font-weight: normal;  
    font-size: 20px; 
    padding: 10px 0 18px;
}

.new_list ul li .cont p{
    color: #999;
    font-size: 14px; 
    line-height: 20px;
    height: 60px;
}

.new_list ul li .cont span.time{ 
    color: #999;
    font-size: 14px;
    display: block;
    padding-top: 26px;       
}

/*新闻*/




/*客户评价*/
.customer_list{
    overflow: hidden;
}
.customer_list ul li{
    overflow: hidden;
    width: 520px;
    float: left;
    margin-right: 90px;
    margin-bottom: 50px;
}
.customer_list ul li a{
    display: block;
}
.customer_list ul li .cont h4{
    font-size: 20px;
    color: #000;
    font-weight: normal;    
    padding:20px 0 10px;
}

.customer_list ul li .cont p span{
    display:  inline-block;
    font-size: 14px;
    color: #000; 
    margin-right: 20px;   
}

.customer_list ul li .cont p span.time:before{
    display: inline-block;
    content:'';
    width: 18px;
    height: 19px;
    background: url('../images1/timer.png') no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.customer_list ul li .cont p span.view:before{
    display: inline-block;
    content:'';
    width: 21px;
    height: 14px;
    background: url('../images1/view.png') no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.customer_list ul li .cont p.brief{
    font-size: 14px;
    color: #999;
    line-height: 24px;
    padding-top: 10px;
    height: 106px;
}

/*客户评价*/


/*联系我们*/
.contact_tit{
    position: relative;
    left: 33px;
    width: 100%;
    margin-top: 50px;
}
.contact_tit h4 {
    font-size: 32px;
    color: #333;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    width: 250px;
    text-align: center;
}
.contact_tit h4 span {
    position: relative;
    z-index: 99;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}
.contact_tit h4:after {
    display: inline-block;
    content: '';
    height: 20px;
    width: 100%;
    background: #e31a44;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.contact_L{
    float: left;
    width: 240px;
    position:  relative;
}

.contact_L i.i_line{
    display: inline-block;
    width: 13px;
    height: 156px;
    background: url('../images1/con_icon.png') no-repeat;
    margin:60px 0 60px 25px;
}

.contact_L .contact_li ul li.cont_tell:before{
    display: inline-block;
    content: '';
    width: 27px;
    height: 26px;
    background: url('../images1/tell.png') no-repeat;
    float: left;
    margin-right: 10px;
}

.contact_L .contact_li ul li.cont_adress:before{
    display: inline-block;
    content: '';
    width: 27px;
    height: 26px;
    background: url('../images1/adress.png') no-repeat;
    float: left;
    margin-right: 10px;
}

.contact_L .contact_li ul li{
    overflow: hidden;
    margin-bottom: 20px;
}

.contact_cont{
    float: left;
    width: 198px;
}

.contact_cont span{
    display: block;
    font-size: 16px;
    color: #999;
}

.contact_cont label{
    display: block;
    font-size: 16px;
    color: #000;
}

.contact_R{
     width: 842px;
     height: 564px;
     float: right;
}

.contact_img{
    border:1px solid #ebebeb;
}
/*联系我们*/




/*视频*/
.videi_list {
  float: left;
  width: 1130px;
}


.videi_list ul.ul{
    margin-top: 50px;
}

.videi_list ul.ul li{
    margin-bottom: 50px;
}

.videi_list ul.ul li a{
    display: block;
}

.videi_list ul.ul li a .img{
    position: relative;
}

.videi_list ul.ul li span.iplay{
    width: 70px;
    height: 70px;
    position: absolute;
    background: url('../images1/video.png') no-repeat;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
}

.videi_list ul.ul li:hover span.iplay{
    background: url('../images1/video1.png') no-repeat;
}

.videi_list .graybg .choice{
    margin-bottom:0;
}

.videi_list .video_main li{
    float: left;
    width: 520px;
    margin-right: 90px;
}

.videi_list .video_main li span.iplay{
    background-size: 80% !important;
}

.videi_list ul li h4{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    padding-top: 20px;
}
/*视频*/

/*资质荣誉*/
.honor_list{
    width: 1130px;
    float: left;
    margin-bottom: 100px;
}
.honor_list ul li{
    float: left;
    width: 520px;
    margin-right: 90px;
    margin-bottom: 50px;
}

.honor_list ul li span{
    display: block;
    font-size: 20px;
    color: #333;
    padding-top: 20px;
}


/*资质荣誉*/


/*侧边*/
.silder{
 width: 220px;
 background: url(../images1/silder_bg.png) no-repeat #000;
 height: 100%;
 float: left;
 margin-right: 50px;
 background-size: 100% 100%;
     margin-bottom: 100px;
}

.silder h4{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.silder h4 span{
    display: block;
    font-size: 24px;
    color: #fff;
}

.silder h4 label{
   font-size: 14px;
   color: #999;
}

.silder ul>li{
    text-align: center;
    padding: 15px 0;
}

.silder ul>li>a{
    font-size: 18px;
    color: #999;
    height: 42px;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.silder ul>li>a span{
    position: relative;
    z-index: 99;
    padding-top: 4px;
    display: block;    
}

.silder ul li.on,.silder ul li:hover{
    background: #1f1f1f;
    display: block; 
}

.silder ul>li.on>a:after,.silder ul>li:hover>a:after {
    display: inline-block;
    content: '';
    height: 14px;
    width: 100%;
    background: #e31a44;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
}

.silder ul>li.on dl{
    display: block;
}

.silder ul li dl{
    display: none;
}

.silder ul li dl dd {
    padding: 15px 0;
    display: block;
}

.silder ul li dl dd a{
    font-size: 14px;
    color: #666;  
    display: block;
}


.silder ul li dl dd a span:before{
    display: inline-block;
    content: '';    
    width: 8px;
    height: 8px;    
}

.silder ul li dl dd a.active,.silder ul li dl dd a:hover{
   color: #fff; 
}

.silder ul li dl dd a.active span:before,.silder ul li dl dd a:hover span:before{
    color: #fff;
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background: #e31a44;
    position: relative;
    right: 10px;
}

.silder ul li.on>a,.silder ul li:hover>a{
    font-size: 30px;
    color: #fff;
}

/*侧边*/

.brand_list{
    float: right;
    width: 1130px;
}


/*底部*/
.bottomer{
    width: 100%;
    clear: both;
}

.bottomer .foot-nav{
    background: #000;
    overflow: hidden;
    padding-bottom: 40px;
	padding-top: 40px;
}

.bottom_logo{
    padding: 35px 0 25px;
}

.website_map{
    float: left;
}

.website_map dl{
    float: left;
    text-align: left;
    margin-right: 45px;
}


.website_map dl dt a{
    display: inline-block;
    font-size: 16px;
    color: #fff;    
}

.website_map dl dd{
    font-size: 14px;
    color: #999;   
}

.website_map dl dd a{
    display: inline-block;   
    font-size: 14px;
    color: #999;
}

.chat_box{
    float: right;
    margin-top: -22px;
}

.chat_box ul li{
    width: 100px;
    float: left;
    text-align: center;
    margin-right: 65px;
}

.chat_box ul li span{
    font-size: 14px;
    color: #999;
    display: inline-block;
    padding-top: 3px;
}

.foot-nav-2{
    background: #f0f0f0;
    padding:0px 0 10px 0px;
    overflow: hidden;
}

.links{
    float: left;
    overflow: hidden;
	display:block;
	width:100%;
}

.links .pinpai{
    overflow: hidden;
}

.links .pinpai li span{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #666;
}

.links .pinpai li{
    float: left;
    margin-right: 20px;
}

.links .copyright{
    padding-top: 20px;
}

.bottom_R{
    float: right;
    padding-top: 28px;
}

.bottom_R:before{
  display: inline-block;
  content: '';
  width: 50px;
  height: 50px;
  background: url('../images1/ic_phone_bottom.png') no-repeat center center;
  vertical-align: middle;
  margin-right: 20px;
}
.bottom_R span{
    color: #e31a44;
    font-size: 48px;
    font-family: "DIN-BOLD";
    padding-top: 9px;
    display: inline-block;
    vertical-align: top;
}
/*底部*/






/*底部滑出*/
.active_form{
    margin-top: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1090px;
}
.active_form ul li{
    height:50px; 
    line-height:50px; 
    width: 260px;
    float: left; 
    margin-right:20px; 
    background:#333;
}
.active_form ul li input{
    height:50px; 
    line-height:50px;
    text-indent: 20px;
    color: #999;
    font-size: 16px;
}
.active_form ul li.yjbj{
    background: #e31a44; 
    width: 200px;
    height: 50px; 
    line-height: 50px; 
    text-align: center;
}
.active_form ul li.yjbj a{
    display: block; 
    font-size: 18px;
    color: #fff;
}

.footer-active{
    z-index:9999;
    width:100%;
    height:100px;
    position:fixed;
    bottom:0px;
    display:block;
    background: url('../images1/footer_bg.jpg') no-repeat; 
    opacity: 0; 
    left: -1920px;
}
.footer-active .active-img{ 
    position: absolute;
    top: -28px;
}
.footer-active .w1500{
     max-width: 1500px;
     width: 100%; 
     margin: 0 auto; 
     position: relative;
 }


.active-close{
    background:url(../images1/close.png)no-repeat;
    position:absolute;
    right:10px;
    top:10px;
    cursor: pointer;
    width:16px;
    height:16px;
    background-size: 100%;
}

.clickLeft{
    width: 40px;
    height: 120px;
    display: inline-block;
    background:url('../images1/clickleft.png') no-repeat; 
    opacity: 0.8;
    position: fixed;
    bottom: 0;
    left: 0px;
    text-align: center;
    line-height: 124px;
    cursor: pointer;
    overflow: hidden;
}
/*底部滑出*/



/*侧边*/
.izl-rmenu{
   width: 90px;
   position: fixed;
   right: 0;
   top: 20%;
   -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 5px;
   -moz-box-shadow:rgba(0,0,0,0.15)  0px 1px 5px;
   box-shadow: rgba(0,0,0,0.15)  0px 1px 5px;
   z-index:999;
   background: rgba(255,255,255,0.8);
}

.izl-rmenu a{
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
}

.izl-rmenu a span{
    display: inline-block;
    padding-top: 30px;
    font-size: 14px;
    color: #666;
}

.izl-rmenu a i{
    display: inline-block;
    margin:0 auto;
    position: relative;
    top:20px;
}


.izl-rmenu a:hover{
    background: #000;
}

.izl-rmenu a:hover span{
    color: #fff;
}


.izl-rmenu .consult i.phone{    
    background: url(../images1/u_1.png) no-repeat center center;
    display: block;
    height: 27px;
    width: 28px;  
}

.izl-rmenu a:hover i.phone{
    background: url(../images1/u_1_1.png) no-repeat center center;
}


.izl-rmenu .sjs i.sjs_icon{    
    background: url(../images1/u_2.png) no-repeat center center;
    display: block;
    height: 25px;
    width: 30px;
}

.izl-rmenu a:hover i.sjs_icon{
    background: url(../images1/u_2_2.png) no-repeat center center;
}



.izl-rmenu .yygd i.yygd_icon{    
    background: url(../images1/u_3.png) no-repeat center center;
    display: block;
    height: 27px;
    width: 28px;
}


.izl-rmenu a:hover i.yygd_icon{
    background: url(../images1/u_3_3.png) no-repeat center center;
}


.izl-rmenu .chat i.weixin{    
    background: url(../images1/u_4.png) no-repeat center center;
    display: block;
    height: 25px;
    width: 28px;
}

.izl-rmenu a:hover i.weixin{
    background: url(../images1/u_4_4.png) no-repeat center center;
}




.izl-rmenu .chat .pic {
    display:none;
    position: absolute;
    left: -144px;
    top: 193px;
    width: 120px;
    padding: 10px;
    border: 1px solid #ccc;   
    background: #fff; 
}

.izl-rmenu a.chat:hover .pic{
    display: block;
}

.izl-rmenu .chat .pic label{
    padding-top:5px;
    font-size: 14px;
    color: #666;    
}



.izl-rmenu .btn_top {
    background: url(../images1/float_top.png) no-repeat center center;
    display: block;
    height: 90px;
    width: 90px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.izl-rmenu a.btn_top:hover {
    background: url(../images1/float_top1.png) no-repeat center center #000;
}


/*侧边*/




/*视频新闻详细*/
.tj_info{
    text-align: center;
    margin-bottom: 100px;
}

.tj_info h4{
    font-size: 44px;
    color: #000;
    font-weight: normal;
    padding: 35px 0 20px;
}

.tj_info span.time{
    font-size: 14px;
    color: #000;  
    display: inline-block;
    padding-bottom: 30px; 
}

.tj_info span.time:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 20px;
    background: url(../images1/timer.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

/*视频视频新闻详细*/


/*活动详细*/
.activity_info{width: 100%;height: 100%;}
.activity_info h4{font-size: 44px;color: #000; text-align: center; padding-bottom: 20px;}
.activity_info .subtit{text-align: center; padding-bottom: 20px;}
.activity_info .subtit span{display: inline-block; padding: 0 25px;}
.activity_info .subtit span:before{display: inline-block;content: ''; vertical-align: middle;margin-right: 10px;}
.activity_info .subtit span.timer:before{width: 18px; height: 21px; background: url(../images1/timer.png) no-repeat;}
.activity_info .subtit span.adress:before{width: 16px; height: 19px; background: url(../images1/adress_icon.png) no-repeat;}
.activity_info .active_img{width: 100%;background-size: cover; height: 520px; position: relative;}
.activity_info .active_img .Activity_box{width: 400px; height: 540px;  position: absolute;  right: 10%; z-index: 9;  top: -20px; background: rgba(0,0,0,0.94);}
.activity_info .active_img .Activity_box .Activity_top{ text-align:center; margin-bottom: 40px;}
.activity_info .active_img .Activity_box .Activity_top h4{ margin:40px 0 20px; font-weight: normal; font-size: 32px;color: #fff;}
.Activity_box .Activity_top p{ font-size:24px; color:#fff;}
.Activity_box .Activity_top p em{ vertical-align: bottom;font-style: normal;position: relative;right: 10px;}
.Activity_box .Activity_top p span{ font-size:50px; font-weight: bold; color:#fff; display:inline-block; background:#e31a44; width:50px; height:70px; line-height:70px;margin-right: 20px;}
.Activity_form{ width:400px; overflow:hidden;}
.Activity_form .formbox1{ width:300px; margin:0 auto;}
.Activity_form .formbox1 input{font-size: 16px;color: #999;padding-left: 20px; margin-bottom: 20px; border: 1px solid #666;height: 45px;line-height: 45px;width: 278px;}
.Activity_form .formbox1 input:focus{background: #fff;}
.Activity_form p.buttoner{ width:300px; margin: 30px auto 0;height: 48px; line-height: 48px; background: #e31a44;}
.Activity_form p.buttoner a{ text-align:center; display:block; color:#fff; font-size:20px;}
/*活动详细*/






@media (min-width:320px) and (max-width:1189px){    
.build_list ul li,.construction_list ul li,.case_list ul li,.work_show ul li{width: 333px;}
.case_info .case_info_l{width: 515px;}
.designer_list ul li .designer_cont{width: 820px;}
.designer_list ul li .work_list ul li{width: 33%;height: inherit;}
.design_info .design_L .design_brief {width: 18%;}
.brand_list,.honor_list,.new_list{width: 77%;}
.customer_list ul li,.honor_list ul li{width: 45.1%;}
.new_list ul li .cont{width: 69%;}
.contact_R{width: 57%;height: 564px;}

.construction_info .construction_r{
    width: 50%;
}

.construction_info .construction_r:before,.construction_info .construction_r .img{
    width: 100%;
}

.case_info .case_info_l{
    width: 40%;
}

.hi-icon{
   margin-right: 103px;
}

.home_building ul li{
   width: 29.3%;
}

.butler_service ul li{
    width: 47%;
    margin-right: 5%;
}

.new_R{
    width: 48%;
}

/*
.new_R .cont{
   margin-left:0;
}*/

.home_type ul li{
  width: 30%;
  margin-right: 5%;
}

  
}







@media (min-width:1190px) and (max-width:1400px){
.w1400{
    width: 1200px;
}

.build_list ul li,.construction_list ul li,.case_list ul li,.work_show ul li{
  width: 29.3%;
}

.designer_list ul li .designer_cont{
  width: 73.5%;
}

.designer_list ul li .work_list ul li{
    width: 33%;
    height: inherit;
}


.construction_info .construction_r{
    width: 50%;
}

.construction_info .construction_r:before,.construction_info .construction_r .img{
    width: 100%;
}

.case_info .case_info_l{
    width: 40%;
}

.design_info .design_L .design_brief{
    width: 16%;
}


.brand_list,.honor_list,.new_list{
    width: 77%;
}

.customer_list ul li,.honor_list ul li{
   width: 45.1%;
}

.new_list ul li .cont{
    width: 69%;
}

.contact_R{
    width: 57%;
    height: 564px;
}

.home_type ul li a.dzzs_btn{
    width: 80%;
}

/*首页*/
.hi-icon{
   margin-right: 111px;
}

.home_building ul li{
   width: 29.3%; 
}

.butler_service ul li{
   width: 46%;
}

.home_type ul li{
   width: 29.3%;
}

.new_R{
   width: 48%;
}
/*
.new_R .cont{
   margin-left:0;
   width: 100%;
}*/
/*首页*/
}





@media only screen and (max-width: 1401px) {
.w1400{
    width: 1200px;
}

/*头部*/
.m-search-box{
    margin: 30px 0 0 74px;
    width: 450px;
}

.m-search-input{
    width: calc( 100% - 102px );
    width: -webkit-calc( 100% - 102px );    
}

.MainNav ul li{
    padding: 0 41px;
}


.videi_list{
    width: 930px;
}

.videi_list .video_main li{
    width: 45.1%;
}
/*头部*/
}


.build_list ul li img{width:100%;}

.mui-btn .index_yyzx{
          width: 260px;
          height: 48px;
          line-height: 48px;
          background: #e31a44;
          font-size: 16px;
          color: #fff;        
      }